<%@ page language="java" pageEncoding="utf-8" contentType="text/html;charset=UTF-8" %>
<%@include file="/inc/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>充值</title>
<link type="text/css" rel="stylesheet" href='${staticRSC["css/haoyao.css"]}' />
<link type="text/css" rel="stylesheet" href='${staticRSC["css/ucenter/ucenter_new.css"]}' />
<script type="text/javascript" src='${staticRSC["js/haoyao.js"]}'></script>
</head>
<body>
  <div class="recharge-record">
       <ul class="hd cf">
           <li class="cur"><a href="javascript:void(0)">充值</a></li>
           <li><a href="/property/rechargeRecord.html">充值记录</a></li>
           <li><a href="/property/balanceConsume.html">消费记录</a></li>
       </ul>
       <div class="bd">
           <p class="balance">现金账户余额：<span class="num fyh"><em>&yen;</em>${userBalance }</span></p>
           <div id="table2" class="pay-content">
               <div class="cart-table">
                   <div class="title"  style="margin-bottom: 5px;">
                       <h5>
                           <label>
                           	<input type="radio" autocomplete="off" value="1" name="charge" 
                                   class="self-radio" checked="">
                               <span class="label">储值卡激活</span>
                           </label>
                           <div class="uarrow down"></div>
                       </h5>
                       <span class="txt-red">*  持储值卡的顾客请在此进行开卡操作，卡内金额方可充值到账</span>
                   </div>
                   <div class="content">
                       <ul>
                           <li>
                               <span class="label">请输入好药师卡卡号：</span>
                               <span class="input"><input type="text" id="hy_account" value="请输入好药师卡号" autocomplete="off" class="inputtext" _value="请输入好药师卡号"></span>
                           </li>
                           <li>
                               <span class="label">请输入好药师卡密码：</span>
                               <span class="input">
                               <input type="text" id="hy_text" value="请输入刮开的好药师卡密码" autocomplete="off" class="inputtext" _value="请输入刮开的好药师卡密码">
                               <input type="password" id="hy_password" style="dispaly:none" value="请输入刮开的好药师卡密码" autocomplete="off" class="inputtext" _value="请输入刮开的好药师卡密码">
                               <a class="pwd-btn" id="hy_pwdbtn"></a>
                               </span>
                           </li>
                       </ul>
                       <div class="ps">
                           <p><em class="txt-red">*</em> 好药师云药箱充值卡</p>
                           <p><em class="txt-red">*</em> 有效期至：2015.12.31（此有效期为充值有效期，充值后金额无限制）</p>
                       </div>
                   </div>
                   <div class="ps">
                       <p><em class="txt-red">*</em> 温馨提示：卡片刮开后请尽快充值，以免给您造成不必要的损失。</p>
                   </div>
               </div>
               <div class="paySuccess">
                   <a id="submit_btn2" href="javascript:void(0)" class="submit-btn-red">
                       <em></em>
                       <span class="fore">确认信息，提交</span>
                       <span class="back">处理中...</span>
                   </a>
               </div>
           </div>
           <div id="table1" class="pay-content" style="margin-bottom:10px; height:46px;">
               <form id="form1" action="/recharge/pay.html" method="post" target="_blank">
                   <div class="cart-table">
                       <div class="title">
                           <h5>
                               <label>
                               	 <input type="radio" autocomplete="off" value="2" name="charge" 
                                    class="self-radio">
                                    <span class="label">在线充值</span>
                               </label>
                               <div class="uarrow down"></div>
                           </h5>
                           <em class="txt-green">（使用指定银行卡充值乐享更多优惠）</em>
                           <span class="txt-red">*  如果未绑定手机号码，请先<a href="/user/index.html#userform_basic" target="_blank" style="color:#f15a28; margin:0 5px; text-decoration:underline;font-weight:bold;">绑定手机号码</a>以后刷新本页面继续充值</span>
                       </div>
                       <div class="content">
                           <ul class="online">
                               <li>
                                   <span class="label">充值金额：</span>
                                   <span class="input"><input id="rechargeMoney" name="rechargeMoney" class="inputtext" type="text" autocomplete="off" value="请输入您要充值的金额" /></span>
                               </li>
                           </ul>
                           <div class="bank">
                               <ul id="bankSelect" class="bank-hd cf">
                                   <li class="cur"><a href="javascript:void(0)">支付宝</a></li>
                                   <li><a href="javascript:void(0)">快钱</a></li>
                                   <li><a href="javascript:void(0)">交通银行</a></li>
                                   <li><a href="javascript:void(0)">银联支付</a></li>
                               </ul>
                               <div class="bank-bd" id="bankSelectBd">
                                   <ul class="online ">
                                       <li>
                                           <div class="label more">
                                               <ul>
                                                   <li class="cur">第三方支付平台<span class="uarrow right"></span></li>
                                               </ul>
                                           </div>
                                           <div class="bank-items">
                                               <table>
                                                   <tbody>
                                                       <tr>
                                                           <td class="alipayDirect">
                                                               <div>
                                                                   <label>
                                                                       <input id="aliay" type="radio" checked="" autocomplete="off" value="alipay" name="bank" class="zf-input">
                                                                       <span class="sel-tips"></span>
                                                                   </label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                        </tr>
                                                   </tbody>
                                               </table>
                                           </div>
                                       </li>
                                   </ul>
                                   <ul class="online hide">
                                       <li>
                                           <div class="label more">
                                               <ul>
                                                   <li class="cur">网上银行<span class="uarrow right"></span></li>
                                               </ul>
                                           </div>
                                           <div class="bank-items">
                                               <table>
                                                   <tbody>
                                                       <tr>
                                                           <td class="bohai cur">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="bohai" rel="9" value="bill99,CBHB" autocomplete="off" checked=""><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="guangfa">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="guangfa" rel="9" value="bill99,GDB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="huaxia">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="huaxia" rel="9" value="bill99,HXB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="jiaotong">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="jiaotong" rel="9" value="bill99,BCOM" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                       </tr>
                                                       <tr>
                                                           <td class="hangzhou">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="hangzhou" rel="9" value="bill99,HZB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="shengfz">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="shengfz" rel="9" value="bill99,SDB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="nanjing">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="nanjing" rel="9" value="bill99,NJCB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="zhongxin">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="zhongxin" rel="9" value="bill99,CITIC" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                       </tr>
                                                       <tr>
                                                           <td class="dongya">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="dongya" rel="9" value="bill99,BEA" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="jianshe">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="jianshe" rel="9" value="bill99,CCB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="pingan">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="pingan" rel="9" value="bill99,PAB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="nongbo">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="nongbo" rel="9" value="bill99,NBCB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                       </tr>
                                                       <tr>
                                                           <td class="xingye">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="xingye" rel="9" value="bill99,CIB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="longye">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="longye" rel="9" value="bill99,ABC" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="mingsheng">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="mingsheng" rel="9" value="bill99,CMBC" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="zhaoshang">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="zhaoshang" rel="9" value="bill99,CMB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                       </tr>
                                                       <tr>
                                                           <td class="shncsy">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="shncsy" rel="9" value="bill99,SRCB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="pufa">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="pufa" rel="9" value="bill99,SPDB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="gongshang">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="gongshang" rel="9" value="bill99,ICBC" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="guangda">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="guangda" rel="9" value="bill99,CEB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                       </tr>
                                                       <tr>
                                                           <td class="zhongguo">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="zhongguo" rel="9" value="bill99,BOC" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="youzheng">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="youzheng" rel="9" value="bill99,PSBC" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="beijing">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="beijing" rel="9" value="bill99,BOB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td></td>
                                                       </tr>
                                                   </tbody>
                                               </table>
                                           </div>
                                       </li>
                                   </ul>
                                   <ul class="online hide">
                                       <li>
                                           <div class="label more">
                                               <ul>
                                                   <li class="cur">网上银行<span class="uarrow right"></span></li>
                                               </ul>
                                           </div>
                                           <div class="bank-items">
                                               <table>
                                                   <tbody>
                                                       <tr>
                                                           <td class="jiaotong cur">
                                                               <div>
                                                                   <label class=""><input class="zf-input" type="radio" name="bank" title="zhifu" rel="9" value="bocomm" autocomplete="off" checked=""><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                       </tr>
                                                   </tbody>
                                               </table>
                                           </div>
                                       </li>
                                   </ul>
                                   <ul class="online hide">
                                       <li>
                                           <div class="label more">
                                               <ul>
                                                   <li class="cur">网上银行<span class="uarrow right"></span></li>
                                               </ul>
                                           </div>
                                           <div class="bank-items">
                                               <table>
                                                   <tbody>
                                                       <tr>
                                                           <td class="zhaoshang cur">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="zhaoshang" rel="9" value="bocomm,CMB" autocomplete="off" checked=""><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="gongshang">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="gongshang" rel="9" value="bocomm,ICBC" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="jianshe">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="jianshe" rel="9" value="bocomm,CCB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="longye">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="longye" rel="9" value="bocomm,ABC" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                       </tr>
                                                       <tr>
                                                           <td class="zhongguo">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="zhongguo" rel="9" value="bocomm,BOCSH" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="pufa">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="pufa" rel="9" value="bocomm,SPDB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="guangfa">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="guangfa" rel="9" value="bocomm,GDB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="youzheng">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="youzheng" rel="9" value="bocomm,PSBC" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                       </tr>
                                                       <tr>
                                                           <td class="jiaotong">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="jiaotong" rel="9" value="bocomm,BOCOM" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="zhongxin">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="zhongxin" rel="9" value="bocomm,CNCB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="guangda">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="guangda" rel="9" value="bocomm,CEB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="huaxia">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="huaxia" rel="9" value="bocomm,HXB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                       </tr>
                                                       <tr>
                                                           <td class="mingsheng">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="mingsheng" rel="9" value="bocomm,CMBC" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td class="xingye">
                                                               <div>
                                                                   <label class=""><input type="radio" name="bank" title="xingye" rel="9" value="bocomm,CIB" autocomplete="off"><span class="sel-tips"></span></label>
                                                                   <i></i>
                                                               </div>
                                                           </td>
                                                           <td></td>
                                                           <td></td>
                                                       </tr>
                                                   </tbody>
                                               </table>
                                           </div>
                                       </li>
                                   </ul>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="paySuccess">
                       <p class="cash-tip">付款金额：</p>
                       <a id="submit_btn" href="javascript:void(0);" class="submit-btn-red"><em></em><span class="fore">确认，前往网银页面</span><span class="back">处理中...</span></a>
                   </div>
               </form>
           </div>
           <table class="table-titles" width="989px">
               <colgroup>
                   <col width="154px">
                   <col width="200px">
                   <col width="481px">
                   <col width="154px">
               </colgroup>
               <tbody>
                   <tr>
                       <td class="no-border">时间</td>
                       <td>金额</td>
                       <td>来源</td>
                       <td>备注</td>
                   </tr>
               </tbody>
           </table>
           <table class="table-bodys" width="989px" id="table_bodys">
               <colgroup>
                   <col width="155px">
                   <col width="202px">
                   <col width="481px">
                   <col width="154px">
               </colgroup>
               <tbody>
                   <c:choose>
						<c:when test="${null == userRechargeRecordList || userRechargeRecordList.isEmpty()}">
							<tr>
								<td colspan="4" align="center">暂无充值记录</td>
							</tr>
						</c:when>
						<c:otherwise>
							<c:forEach items="${userRechargeRecordList}" var="record">
								<tr>
					                <td class="no-border">${ucenter:dateFormat(record.rechargeTime,"yyyy-MM-dd HH:mm:ss") }</td>
					                <td>￥${record.rechargeMoney}${(null != record.giveMoney && record.giveMoney > 0.00)?'  ＋￥':''}${record.giveMoney}</td>
					                <td>${record.rechargeFrom}</td>
					                <td>${record.remark}</td>
					            </tr>
							</c:forEach>
						</c:otherwise>
					</c:choose>
               </tbody>
           </table>
       </div>
   </div>
</body>
<script type="text/javascript" src='${staticRSC["js/propertycharge.js"]}'></script>
</html>